<script setup lang="ts">
  import { ref } from "vue";
  const
    data = ref(Object.keys(pd).map(k => {
      return Object.assign({ k }, pd[k]);
    }).sort((a, b) => a.i * 1000 + a.v - b.i * 1000 - b.v))
    ;
  function init() {

  }
  init();
</script>
<template>
  <view class="permission oh y">
    <el-table stripe highlight-current-row :data="data" class="wf fg1" type="expand" row-key="id">
      <el-table-column type="index" label="行号" width="80" show-overflow-tooltip />
      <el-table-column prop="k" label="节点名称" width="100" show-overflow-tooltip />
      <el-table-column prop="i" label="节点下标" width="120" show-overflow-tooltip />
      <el-table-column prop="v" label="节点值" width="120" show-overflow-tooltip />
      <el-table-column prop="d" label="说明" show-overflow-tooltip />
    </el-table>

  </view>
</template>
<style lang="scss" scoped>
  .permission {
    position: relative;
  }
</style>